<template>
  <div class="home">
    <gltitle
      :is_mt="true"
      :is_notice="false"
      :is_back="true"
      :is_name="true"
      :title="title"
    ></gltitle>

    <div class="container">
      <div class="com">
        <div class="title">
          <div class="pic">
            <img src="../../assets/images/Group13.png" alt="" />
            <div class="name">{{ $route.query.title }}</div>
          </div>
          <div class="time">{{ $route.query.time }}</div>
        </div>
        <div class="p" v-html="$route.query.doc"></div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      title: this.$t("page4.doc28"),
    };
  },

  mounted() {},
  methods: {
    path_url(url) {
      this.$router.push({
        path: url,
        query: {},
      });
    },
  },
};
</script>

<style lang="less" scoped>
.com {
  margin-top: 0.32rem;
  padding: 0.32rem;
  background: var(--CObackgroundLinear2);
  border-radius: 0.24rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: var(--COcolor3);
  //border-top: var(--COborder1);
  .p {
    line-height: 0.42rem;

    /deep/ img {
      max-width: 100% !important;
      max-height: auto !important;
      height: auto !important;
    }
  }

  .title {
    margin-bottom: 0.26rem;
    padding-bottom: 0.26rem;
    border-bottom: 0.02rem solid rgba(255, 255, 255, 0.1);

    .pic {
      margin-bottom: 0.16rem;
      display: flex;
      align-items: center;

      img {
        height: 0.32rem;
        margin-right: 0.16rem;
      }

      .name {
        font-size: 0.32rem;
        font-weight: 500;
      }
    }

    .time {
      color: #bdbdbd;
      margin-left: 0.48rem;
    }
  }
}
</style>
